html {
    overflow: auto;
    height: 100%;
}
body {
    direction: ltr;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    line-height: 1.28;
    margin: 0;
    padding: 0;
    text-align: left;
    unicode-bidi: embed;
	overflow-y: auto;
	height:100%;
	
}
* {
	margin:0;
	padding:0;
}
#wrapperVfriend {
	margin:0;
	padding:0;
	width:100%;	
	display:block;
	position:absolute;
	top:0;
	left:0;
	word-wrap:break-word;
}
/** HEADR */
#vfriendHeader {
	width:100%;
	display:table;
}
#vfriendHeaderContainer {
	background-color:#20b000;
	height:50px;
	top:0;
	float:left;
    min-width: 980px;
    width: 100%;
	display:table-row;
}
#vfriendHeaderContent {
   	width: 1008px;
	display:table;
	margin:0 auto;
}
#vfriendHeaderContent .logoVfriend {	
	width:170px;
	display:table;
	position:absolute;
	*float:left;
	*position:relative;
}
#vfriendHeaderContent .logoVfriend h1 {
	margin-top:2px;
	height:40px;
	width:160px;
	padding-left:10px;
	display:inline-table;
	overflow:hidden;
	text-align:left;
	*float:left;
}
#vfriendHeaderContent .menuVfriend {
	width:828px;
	display:table;
	height:50px;
	margin-left:170px;	
	margin-right:10px;
	text-align:right;
}
#vfriendHeaderContent .menuVfriend ul.mainMenu {
	list-style: none;
 	margin: 0;
 	padding: 0;	
	margin-top:16px;
	float:left;
	margin-left:5px;
}
#vfriendHeaderContent .menuVfriend ul.mainMenu li {
 	float: left;
	line-height: 1.3em;
	vertical-align: middle;
 	zoom: 1;
	margin-left:5px;		
}
#vfriendHeaderContent .menuVfriend ul.mainMenu li strong {
	font-weight:normal;
	font-size:12px;
	height:29px;
	line-height:24px;
	padding-top:5px;
	display:table;
	*display:block;
}
#vfriendHeaderContent .menuVfriend ul.mainMenu li a {
	color:#FFFFFF;
	background-color:#116f01;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
    border-radius:4px 4px 0 0;
	padding:0 15px;
	line-height:34px;
	height:34px;
	display:table;
	*display:block;
}
#vfriendHeaderContent .menuVfriend ul.mainMenu li a:hover {
	background-color:#279512;
	color:#FFFFFF;
	text-decoration:none;
}

#vfriendHeaderContent .menuVfriend ul.mainMenu li a.active {	
	color:#000000;
	background-color:#FFFFFF;
}
#vfriendHeaderContent .menuVfriend ul.mainMenu li a strong.home {
	background:url(../img/icon/home.png) left 6px no-repeat;
	padding-left:22px;
	color:#FFFFFF;
}
#vfriendHeaderContent .menuVfriend ul.mainMenu li a.active strong.home{
	background:url(../img/icon/home-active.png) left 6px no-repeat;	
	padding-left:22px;
	color:#000000;
}
#vfriendHeaderContent .menuVfriend ul.mainMenu li a strong.daskboard {
	background:url(../img/icon/daskboard.gif) left 9px no-repeat;
	padding-left:22px;
	color:#FFFFFF;
}
#vfriendHeaderContent .menuVfriend ul.mainMenu li a.active strong.daskboard{
	background:url(../img/icon/daskboard-active.gif) left 9px no-repeat;	
	padding-left:22px;
	color:#000000;
}
/***/
#vfriendHeaderContent .menuVfriend .topNavigation {
	float:right;	
}
#vfriendHeaderContent .menuVfriend .topNavigation:hover {
	position:relative;
	z-index:1010;
}
#vfriendHeaderContent .menuVfriend .topNavigation ul.userMenu,
#vfriendHeaderContent .menuVfriend .topNavigation ul.loginMenu {
	margin-top:20px;
}
#vfriendHeaderContent .menuVfriend .topNavigation ul.userMenu,
#vfriendHeaderContent .menuVfriend .topNavigation ul.userMenu li,
#vfriendHeaderContent .menuVfriend .topNavigation ul.userMenu ul,
#vfriendHeaderContent .menuVfriend .topNavigation ul.loginMenu ,
#vfriendHeaderContent .menuVfriend .topNavigation ul.loginMenu li,
#vfriendHeaderContent .menuVfriend .topNavigation ul.loginMenu ul {
	list-style: none;
 	margin: 0;
 	padding: 0;
}
#vfriendHeaderContent .menuVfriend .topNavigation ul.userMenu,
#vfriendHeaderContent .menuVfriend .topNavigation ul.loginMenu  {
 	position: relative;
 	z-index: 1000;
 	float: left;
	margin-top:12px;
}
#vfriendHeaderContent .menuVfriend .topNavigation ul.userMenu {
	margin-top:8px;
}
#vfriendHeaderContent .menuVfriend .topNavigation ul.userMenu li,
#vfriendHeaderContent .menuVfriend .topNavigation ul.loginMenu li {
 	float: left;
	line-height: 1.3em;
	vertical-align: middle;
 	zoom: 1;
	line-height:25px;		
}
#vfriendHeaderContent .menuVfriend .topNavigation ul.loginMenu li {
	line-height:normal;
	margin-left:10px;
}
#vfriendHeaderContent .menuVfriend .topNavigation .userMenu .fullHouse {
	display:block;
	padding-left:5px;
	line-height:34px;
	height:34px;
	font-weight:bold;
	font-size:11px;
	color:#a0eb8c;
	background:url(../img/bg/point-down.png) 95% center no-repeat;
	padding-right:25px;
	min-width:130px;
	text-align:left;
	max-width:255px;
	overflow:hidden;
}
#vfriendHeaderContent .menuVfriend .topNavigation ul.userMenu li:hover a {	
	color:#FFFFFF;
	background:#189803 url(../img/bg/point-down-hover.png) 95% center no-repeat;
	text-decoration:none;
}
#vfriendHeaderContent .menuVfriend .topNavigation ul.userMenu ul,
#vfriendHeaderContent .menuVfriend .topNavigation ul.loginMenu ul {
 	visibility: hidden;
 	position: absolute;
 	top: 100%;
 	left: 0;
 	z-index: 1001;
 	width: 100%;		
}

#vfriendHeaderContent .menuVfriend .topNavigation ul.userMenu ul li {
 	float: none;
	text-align:left;	
	padding:0 0 0 15px;
	margin-left:34px !important;
	border-top: 1px solid #39ad26;
	line-height:34px;	
	background-color:#189803;
}
#vfriendHeaderContent .menuVfriend .topNavigation ul.userMenu ul li:hover {
	background-color:#19a103;
}
#vfriendHeaderContent .menuVfriend .topNavigation ul.userMenu ul li a {	
	background:none !important;
	display:table;
	width:100%;
}
#vfriendHeaderContent .menuVfriend .topNavigation ul.userMenu ul li a:hover {	
	color:#a0eb8c !important;
}
#vfriendHeaderContent .menuVfriend .topNavigation ul.userMenu ul li h4 {
	font-size:12px;
	font-weight:normal;
}

#vfriendHeaderContent .menuVfriend .topNavigation ul.userMenu ul li.first {
	padding-top:5px;
}
#vfriendHeaderContent .menuVfriend .topNavigation ul.userMenu li:hover > ul {
 	visibility: visible;
	
}
/***/
#vfriendHeaderContent .menuVfriend .topNavigation ul.loginMenu a {	
	width:133px;
	background-color:#22c200;
	border:1px solid #167203;
	text-align:center;
	color:#FFFFFF;
	font-size:12px;
	height:26px;
	display:block;
	line-height:26px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#vfriendHeaderContent .menuVfriend .topNavigation ul.loginMenu a:hover {
	text-decoration:none;
}
#vfriendHeaderContent .menuVfriend .topNavigation ul.loginMenu ul li {
	margin-left:10px;
	width:280px;
}
#vfriendHeaderContent .menuVfriend .topNavigation ul.loginMenu li:hover a.login {	
	background-color:#1b8d01 !important;
	border:1px solid #1b8d01;
	width:133px;
	height:33px;
	color:#FFFFFF;
	font-size:12px;
	display:block;
	line-height:26px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#vfriendHeaderContent .menuVfriend .topNavigation ul.loginMenu li:hover > ul {
 	visibility: visible;
	
}
/** END HEADER */
#vfriendContainer {
	margin: 0;
	width:100%;
	height:100%;
	display:table;
}
#mainContent {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d8d5d5'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d8d5d5)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #d8d5d5); /* for firefox 3.6+ */ 
    padding: 0;	
    width: 100%;
	height:100%;
	display:inline-table;	
}
#mainContent .vfriendContainer {	
	width:100%;
	height:100%;
	display:block;
}
#mainContent .vfriendContainer .vfriendContent{
	margin: 10px auto 20px;
    width: 1000px;
	min-height:480px;
}
#mainContent3C,
#mainContent2L {	
    padding: 0;	
    width: 100%;
	height:100%;
	display:inline-table;	
	
}
#mainContent3C .vfriendContainer3C,
#mainContent2L .vfriendContainer2L{	
	width:100%;
	height:100%;
	display:block;
}
#mainContent3C .vfriendContainer3C .vfriendContent3C,
#mainContent2L .vfriendContainer2L .vfriendContent2L{
    margin: 5px auto;
    width: 1008px;
}
#mainContent2L .leftCol, 
#mainContent3C .leftCol,
#mainContent3C .leftColS {
    width:180px;
	float:left;	
    word-wrap:break-word;
	padding-top:20px;
	background-color:#FFF;
}
#mainContent3C .leftColS {
	width:170px;
}
#mainContent2L .rightCol,
#mainContent3C .rightCol,
#mainContent3C .rightColS {	
	width:827px;
	margin-top:0;
	margin-left:180px;
	padding:0;
	min-height:570px;
	overflow:hidden;
	word-wrap: break-word;
	border-left:1px solid #c7c7c7;
	background:url(../img/bg/line.png) 567px top repeat-y;
}
#mainContent3C .rightColS {
	width:837px;
	margin-left:170px;
	min-height:400px;
	background:url(../img/bg/line.png) 630px top repeat-y;	
}
#mainContent2L .rightCol {
	width:788px;
	margin:0px 20px 0 180px;
	padding-top:20px;
	padding-left:19px;
}
#mainContent2L .rightColC {
	width:827px;
	margin-top:0;
	margin-left:180px;
	padding:0;
	min-height:570px;
	overflow:hidden;
	word-wrap: break-word;
	border-left:1px solid #c7c7c7;
}
#mainContent3C .midCol,
#mainContent3C .midColS {
	float:left;
	width:567px;
	padding:20px 0;
	min-height: 570px;
	/*border-right:1px solid #c7c7c7;*/
}
#mainContent3C .midColS {
	width:630px;	
	min-height:400px;
}
#mainContent3C .midCol .dataList {
	display:table;
	padding:0 5px;
	width:567px;
}
#mainContent3C .extCol {
	width:260px;
	float:left;
	display:block;	
} 
/**FOOTER*/
#vfriendFooter {
	margin: 0;
	width:100%;
	display:table;
	padding-top:7px;
	padding-bottom:3px;
	border-top:1px solid #c7c7c7;	
}
#vfriendFooterContainer {
	width:980px;
	margin:0 auto;
	position:relative;
	z-index:1000;	
}
#vfriendFooterContainer p {
	width:100%;
	clear:both;
	padding-top:5px;
}
#vfriendFooterContainer ul {
	display:block;
	width:980px;
	list-style:none;
	clear:both;
	
}
#vfriendFooterContainer ul li {
	float:right;
	border-right:1px solid #009447;
	padding-left:14px;
	padding-right:14px;
	width:auto;
}
#vfriendFooterContainer ul li.firstChild {
	border-right:none;
	padding-right:0;
}
#vfriendFooter .vfriendNotification {
	background-color:#373737;
	height:27px;
	width:100%;
	bottom:0;
	position:fixed;
	z-index:1001;
}
#vfriendFooter .vfriendNotificationContainer {
	width:980px;
	margin:0 auto;	
	height:27px;
	display:block;
}
#vfriendFooter .vfriendNotificationContainer ul,
#vfriendFooter .vfriendNotificationContainer ul.alert {
	width:490px;
	float:left;
	list-style:none;
}
#vfriendFooter .vfriendNotificationContainer ul li,
#vfriendFooter .vfriendNotificationContainer ul.alert li {
	float:left;
	width:auto;
	/*background:url(../img/bg/line-footer.png) left top no-repeat;*/
	height:27px;
	line-height:27px;
	padding-left:10px;
	padding-right:10px;
	color:#898788;
}
#vfriendFooter .vfriendNotificationContainer ul.alert li {
	float:right;
	padding-left:5px;
	padding-right:5px;
}
#vfriendFooter .vfriendNotificationContainer ul li.von,
#vfriendFooter .vfriendNotificationContainer ul li#liVon:hover {
	background-color:#161616;
	cursor:pointer;
}
#vfriendFooter .vfriendNotificationContainer ul li.firstChild {
	padding-left:0;
	background:none;
}
#vfriendFooter .vfriendNotificationContainer ul.alert li.firstChild {
	padding-left:5px;
	padding-right:0;
}
#vfriendFooter .vfriendNotificationContainer ul li img,
#vfriendFooter .vfriendNotificationContainer ul.alert li img {
	margin-top:5px;
}